import { StyleSheet, View, Text } from 'react-native'
import { FormControl, Input, Button } from 'native-base'
export default function Login() {
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      flexDirection: 'column',
      justifyContent: 'space-between',
      padding: 30
    }
  })

  return (
    <View style={styles.container}>
      <View style={{ height: '20%', backgroundColor: 'red' }}>
        <Text>123</Text>
      </View>
      <View style={{ height: '50%' }}>
        <FormControl>
          <FormControl.Label>邮箱</FormControl.Label>
          <Input placeholder="abc@gmail.com" />
        </FormControl>
        <FormControl>
          <FormControl.Label>密码</FormControl.Label>
          <Input type="password" placeholder="请输入密码" />
        </FormControl>
        <FormControl style={{ marginTop: 20 }}>
          <Button onPress={() => console.log('hello world')}>登录</Button>
        </FormControl>
        <FormControl style={{ marginTop: 20 }}>
          <Button variant="outline">注册</Button>
        </FormControl>
      </View>
    </View>
  )
}
